<template>
  <el-menu class="top-bar" mode="horizontal" router>
    <el-menu-item index="/dairyfarm">奶牛场</el-menu-item>
    <el-menu-item index="/machining">加工厂</el-menu-item>
    <el-menu-item index="/sale">销售点</el-menu-item>
  </el-menu>
</template>

<script>

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.top-bar {
  margin-bottom: 30px
}
#user {
  float: right;
}
</style>
